<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Projects - Pyramid Ratings | The REAL Estate Research</title>

<link rel="icon" type="image/png" href="images/final logo.jpg"/>
<link rel="stylesheet" type="text/css" href="styles/style.css">
<link rel="stylesheet" type="text/css" href="styles/Cart.css" />
<link rel="stylesheet" type="text/css" href="styles/gallery_projects.css" />
<link rel="stylesheet" type="text/css" href="styles/Checkout_ShippingAddress.css"/>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/modernizr.js"></script>
<script>
contextInfo = new Object(); 
contextInfo['projects'] = "";

$(document).ready(function(){


	$.ajax({url:"rest/contact/retrieveFeaturedProperty.php",
		type:'POST',
		data : {featured:'N'},
		success:function(result){
		if(result){
			//console.log('success');
			var data = JSON.parse(result);
			////console.log(data);
			var thumbs = "";
			if(data.success == true){
				var projects = data.projects;
				contextInfo['projects'] = data.projects;
				document.getElementById('projects_count').innerHTML=projects.length;
				for(var key in projects){
					//console.log(projects[key].projectId);
					var liText = 
					'<li>'+
					'<div style="margin-right:-2px;margin-bottom:1px"><h3>'+projects[key].projectName+'</h3></div>'+
					'<a href=\'javascript:void(0)\' >'+
					'<img id="'+key+'" src="images/scroll/'+projects[key].projectId+'.jpg" width="210" height="210"  />'+
					'</a>'+
					'<span>'+ projects[key].projectDesc +'</span>'+														
					'</li>';
					
					thumbs = thumbs + liText;
				}
			}else{
			
			
			}
			//console.log(thumbs);
			document.getElementById('thumbs').innerHTML=thumbs;
			
			if(!Modernizr.input.placeholder){

	$('[placeholder]').focus(function() {
	  var input = $(this);
	  if (input.val() == input.attr('placeholder')) {
		input.val('');
		input.removeClass('placeholder');
	  }
	}).blur(function() {
	  var input = $(this);
	  if (input.val() == '' || input.val() == input.attr('placeholder')) {
		input.addClass('placeholder');
		input.val(input.attr('placeholder'));
	  }
	}).blur();
	$('[placeholder]').parents('form').submit(function() {
	  $(this).find('[placeholder]').each(function() {
		var input = $(this);
		if (input.val() == input.attr('placeholder')) {
		  input.val('');
		}
	  })
	});

}
			
		}
		},
		error:function(result){
			//console.log('failure');
			//console.log(result);
		}
	});
	
	
	
	
		$("#highestRated").click(function(){	
		$.ajax({url:"rest/contact/retrieveFeaturedProperty.php",
		type:'POST',
		data : {featured:'N',sortOrder:'rating'},
		success:function(result){
		if(result){
			//console.log('success');
			var data = JSON.parse(result);
			////console.log(data);
			var thumbs = "";
			if(data.success == true){
				var projects = data.projects;
				contextInfo['projects'] = data.projects;
				document.getElementById('projects_count').innerHTML=projects.length;
				for(var key in projects){
					//console.log(projects[key].projectId);
					var liText = 
					'<li>'+
					'<div style="margin-right:-2px;margin-bottom:1px"><h3>'+projects[key].projectName+'</h3></div>'+
					'<a href=\'javascript:void(0)\' >'+
					'<img id="'+key+'" src="images/scroll/'+projects[key].projectId+'.jpg" width="210" height="210"  />'+
					'</a>'+
					'<span>'+ projects[key].projectDesc +'</span>'+														
					'</li>';
					
					thumbs = thumbs + liText;
				}
			}else{
			
			
			}
			//console.log(thumbs);
			document.getElementById('thumbs').innerHTML=thumbs;
			
			if(!Modernizr.input.placeholder){

	$('[placeholder]').focus(function() {
	  var input = $(this);
	  if (input.val() == input.attr('placeholder')) {
		input.val('');
		input.removeClass('placeholder');
	  }
	}).blur(function() {
	  var input = $(this);
	  if (input.val() == '' || input.val() == input.attr('placeholder')) {
		input.addClass('placeholder');
		input.val(input.attr('placeholder'));
	  }
	}).blur();
	$('[placeholder]').parents('form').submit(function() {
	  $(this).find('[placeholder]').each(function() {
		var input = $(this);
		if (input.val() == input.attr('placeholder')) {
		  input.val('');
		}
	  })
	});

}
			
		}
		},
		error:function(result){
			//console.log('failure');
			//console.log(result);
		}
	});
	});
	
	
	
	
	
	
	
	
	
	
	

		$('#gallery').delegate('li','hover',function(event) {
		$('span',this).slideToggle('slow');
		});
		
		
		$('#gallery').delegate('li','click',function(event) {
		var key = event.target.id;
		var projectDetails = contextInfo['projects'];
		if(projectDetails == ""){
		return;
		}
		var projectId = projectDetails[key].projectId;
		document.getElementById('innerImage').src='images/scroll/'+ projectId +'.jpg';
		var projectDetailsInfo = '<h3>'+ projectDetails[key].projectName;
		for(var i = 0 ; i < projectDetails[key].ratingStar ; i++){
			projectDetailsInfo += '&nbsp;<img src="images/icons/star/Favourites.png" height="15" width="15"/>'
		}
		projectDetailsInfo +='<img title="Rating Standards" src="images/icons/rating/log.png" height="30" width="30" style="float:right;margin-right:20px;"/></h3><hr />'
		projectDetailsInfo += projectDetails[key].projectDesc;		
		document.getElementById('projectDetailsInfo').innerHTML = projectDetailsInfo;
		document.getElementById('projectDetailsInfo').innerHTML = projectDetailsInfo;
		document.getElementById('projectIdContactForm').value = projectId;
		document.getElementById('light').style.display='block';
		document.getElementById('fade').style.display='block';		
	 });
	 
	 	 var validate = function(type,testValue){
		var emailRegex =/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
		var mobileRegex =/^[0-9]\d{9}$/g;
		var alphaRegex =/^[A-Za-z ]+$/g; 
		var pinRegex =/^[0-9]\d{5}$/g;
		if(type == 'alpha' ){
			type=alphaRegex;
		}else if (type == 'pin'){
			type=pinRegex;
		}else if (type == 'mobile'){
			type=mobileRegex;
		}else{
			type=emailRegex;
		}
		if(type.test(testValue)){		
			return true;
		}else {
			return false;
		}
	}
	
	$("#fname").blur( function(){
		if(this.value && !validate('alpha',this.value)){
			alert('Incorrect Input');
		}	
	});
	$("#lname").blur( function(){
		if(this.value && !validate('alpha',this.value)){
			alert('Incorrect Input');
		}	
	});
	$("#email").blur( function(){
		if(this.value && !validate('email',this.value)){
			alert('Incorrect Input');
		}	
	});
	$("#contact").blur( function(){
		if(this.value && !validate('mobile',this.value)){
			alert('Incorrect Input');
		}	
	});
	
	$('#contactFormSubmit').click( function(){
		var fname = $("#fname").val();
		var lname = $("#lname").val();
		var email = $("#email").val();
		var contact = $("#contact").val();
		var projectId = $("#projectIdContactForm").val();
		if(!validate('alpha',fname) || !validate('alpha',lname) || !validate('email',email) || !validate('mobile',contact)){
			return;
		}
		$.ajax({url:"rest/contact/saveContactProject.php",
			type:'POST',
			data : {
			fname : fname,
			lname : lname,
			email : email,
			contact : contact,
			projectId : projectId
			},
			success:function(result){
				var data = JSON.parse(result);
				if(data.success == true){
					alert('Thank You for your request.');
				} else {
					alert('Error. PLease Try again later');
				}
			},
			error:function(result){
				alert('Error. PLease Try again later');
			}
		});
	 });	 


});
	 

</script>
</head>

<body>
<div class="header">
    <div style="width:940px; height: 60px; text-align:left; margin-left: auto; margin-right: auto;vertical-align:middle;">
		<div class ="logo">
		<table border="0">
		<tr>
		<td >
		<div style="none">
		
		<img src="images/final logo.jpg" width="69" height="53" border="0" id="logo" >
		</div>
		</td>
		<td > 
		<h1>PYRAMID RATINGS</h1>
		</td>
		
		</tr>
	   
		</table>
		</div>
           
        <div style="float:right;padding-top:30px;">
		<a href="index.html">Home</a>
        <a href="about.html">About us</a>        
        <a href="process.html">Process</a>
        <a href="contact.html">Contact us</a>
        <a href="pdfs/Pyramid_Buyer.pdf" target="_blank">Download E-magazine</a>

 	  	</div>
    </div>
</div>
<div class="page" >
<br><br>
<h2>All Projects(<span id="projects_count"></span>)</h2>
<hr class="style-two" />
Sort by: 
<a href="#" id="highestRated">Highest rated</a> | 
<a href="#" id="lowestRated">Lowest rated</a> | 
<a href="#" id="name">Name</a>
<br>
<br>

<table border="0" align="center" width="1000"><tr><td>
<ul id="gallery" ><span id="thumbs"></span></ul>
</td></tr></table>
<div id="light" class="white_content" >
    <div id="close_button" style="position:fixed;float:right;" >
        <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"   ><img src="images/Close-button.png"  /></a>
    </div>   
 	<div id="table_container" style="overflow:auto" >
			<table border="0" width="100%"   height="400px"      >
            <tr>
            <td>
            <table border="0" width="100%"   height="400px"      >
            <tr><td>
            <img id='innerImage' src=""  width="590" height="400"/>
            </td></tr>
            <tr><td id="projectDetailsInfo">
            <h3>
            Eternia
            <img src="images/icons/star/Favourites.png" height="15" width="15"/>
            <img src="images/icons/star/Favourites.png" height="15" width="15"/>
            <img src="images/icons/star/Favourites.png" height="15" width="15"/>
            <img title="Rating Standards" src="images/icons/rating/log.png" height="30" width="30" style="float:right;margin-right:20px;"/>
            </h3> 

            
            <hr />
            Rating based on proper evaluation by trained and experienced professionals. 
            </td></tr>
            </table>
            
            </td>
            <td width="270" valign="top">
            
                <table bgcolor="#FFFFFF" border="0" width="270" height="100%">
                <tr><td height="95" align="center"  >
                <div class="contactBlueBack" > 
                <font color="#FFFFFF" size="6">Get More Information</font>
                </div>
                <div class="contactBlackBack">
				    <input type="text" id = "fname" placeholder="First Name" />    
                    <input type="text" id = "lname" placeholder="Last Name" /> 
                    <input type="text" id = "email" placeholder="Email" />
                    <input type="text" id = "contact" placeholder="Phone" />
					<input type="hidden" id = "projectIdContactForm" />
                    <br>
                    <br>
                <a href = "javascript:void(0)" class="contactBtn" id="contactFormSubmit"> Contact me</a>
                </div>
                </td></tr>
                </table>
                        
                        
            
            
            
            
            
            
            </td>
            </tr>
            </table>
	</div>
</div>

<div id="fade" class="black_overlay" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" ></div>
<p>Disclaimer: if needed | Rating of Real Estate buildings and properties. Coverage of both Commercial and Residential properties. Rating based on proper evaluation by trained and experienced professionals. Unilaterally developed standardized rating techniques
</p>

<br><br><br><br>
</div>


<!-- Start #footer -->
<div id="footer">


<table border="0" width="850" align="center"  >
	<tr>
		<td width="50%">		
		<a href="privacydisclaimer.html"> Privacy policy & Disclaimer </a>
		</td>
		<td align="right">
        <a href="http://facebook.com" target="_blank"><img src="images/icons/social/facebook.png" height="30" width="30"/></a>
        <a href="http://facebook.com" target="_blank"><img src="images/icons/social/twitter.png" height="30" width="30"/></a>
        <a href="http://facebook.com" target="_blank"><img src="images/icons/social/google.png" height="32" width="32"/></a>
		</td>
	</tr>
    <tr>
		<td width="50%" align="left">		
			<ul>
				<li class="email"><span>Email</span> <a href="mailto:&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#112;&#121;&#114;&#97;&#109;&#105;&#100;&#114;&#97;&#116;&#105;&#110;&#103;&#115;&#46;&#99;&#111;&#109;">&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#112;&#121;&#114;&#97;&#109;&#105;&#100;&#114;&#97;&#116;&#105;&#110;&#103;&#115;&#46;&#99;&#111;&#109;</a></li>
				<li class="tel"><span>Cell </span> <a>+91 8697996666 / 9974976795</a></li>
			</ul>
		</td>
		<td align="right">
       
		</td>
	</tr>
	<tr><td colspan="2" align="center">		
		All rights reserved &copy; 2014 &#119;&#119;&#119;&#46;&#112;&#121;&#114;&#97;&#109;&#105;&#100;&#114;&#97;&#116;&#105;&#110;&#103;&#115;&#46;&#99;&#111;&#109;  
	</td></tr>
</table>
<br />
</div>
<!-- End #footer -->
</body>
</html>
